<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学生管理后台</title>
    <link rel="stylesheet" href="../../css/fontStyle.css">
    <link rel="stylesheet" href="../../css/bootstrap.min.css">
    <link rel="stylesheet" href="../../css/modelBox.css">
    <link rel="stylesheet" href="../../css/word/wordsList.css">
    <link rel="stylesheet" href="../../css/backPage.css">
</head>
<body>
<!-- 查询 -->
<div class="select" id="select">
    <div>
        <input type="text" id="selectKey">
    </div>
    <div>
        <label>更新时间:</label>
        <input type="date" id="startTime">
        <label >至</label>
        <input type="date" id="endTime">
    </div>
    <div class="btn_add" title="提交单词"><a href="#add-modal-box" style="text-decoration:none;"><i class="iconfont icon-add">&#xe617;</i></a></div>
    <div class="btn_search" title="搜索" onclick="select()"><i class="iconfont icon-search">&#xe68f;</i></div>
    <div class="btn_reset" title="清空" onclick="clearAll()"><i class="iconfont icon-reset">&#xe946;</i></div>
    <div class="btn_create" title="批量导出"><a href="#createDeletion-modal-box" style="text-decoration:none;"><i class="iconfont icon-batch">&#xe643;</i></a></div>
</div>

<table class="table table-striped">
    <caption>单词列表</caption>
    <thead>
    <tr>
        <th><input type="checkbox" id="checkAll">全选</th>
        <th>id</th>
        <th>英文</th>
        <th>汉语</th>
        <th>作者</th>
        <th>点赞数</th>
        <th>创建时间</th>
        <th>操作</th>
    </tr>
    </thead>
    <tbody id="tbody">
    </tbody>
</table>

<!-- 分页 -->
<div id="backPage"></div>

<div id="add-modal-box" class="modalBox">
    <div class="modalBox-dialog">
        <div><a href="#close" title="关闭" class="modalBox-close-btn">×</a></div>
        <div>
            <lable>提交单词</lable>
        </div>
        <div>
            <div>英文:</div>
            <div><input type="text" id="addWord" name="addWord"></div>
        </div>
        <div>
            <div>汉语:</div>
            <div><input type="text" id="addTranslate" name="addTranslate"></div>
        </div>
        <div class="edit-button">
            <div><input type="button" value="添加" onclick="addWord()"></div>
            <div>
                <a href="#close" title="关闭" class="modalBox-close-btn">
                    <input type="button" value="取消">
                </a>
            </div>
        </div>
    </div>
</div>

<!-- 批量导出模态框start -->
<div id="createDeletion-modal-box" class="modalBox">
    <div class="modalBox-dialog">
        <div><a href="#close" title="关闭" class="modalBox-close-btn">×</a></div>
        <div>
            <label>你确定导出这些单词吗?</label>
        </div>
        <div class="del-button">
            <div><input type="button" value="确认" onclick="createDeletion()"></div>
            <div>
                <a href="#close" title="关闭" class="modalBox-close-btn">
                    <input type="button" value="取消">
                </a>
            </div>
        </div>
    </div>
</div>
<!-- end -->

<script src="../../js/jquery.min.js"></script>
<script src="../../js/bootstrap.min.js"></script>
<script src="../../js/common.js"></script>
<script src="../../js/word/wordsList.js"></script>
<script src="../../js/checkBox.js"></script>
</body>
</html>